<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>JSspider</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv=imagetoolbar content=no>
<meta name="generator" content="HAPedit 3.1">
<meta http-equiv="Content-Type" content="text/html;" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<script>lang = "en";</script>
<script type="text/javascript" src="list-min.js" language="javascript"></script>
<script type="text/javascript" src="spider-min.js" language="javascript"></script> 

<link rel="stylesheet" type="text/css" href="style.css" />
</head>


<body > 
<div style="text-align:center;display:inline;"><div style="margin:0 auto;width:910px;"><div style="position:relative;">

<div id="game">
	<div id="counter"></div>
	<script type="text/javascript" src="load-min.js" language="javascript"></script>
	<div id="sound"></div>
	<div id="window">
		<!----------------------toolbar----------------------->
		<div id="tbarbg"></div>
		<div id="toolbar">
			<ul>  
				<li><a href=#>Game()
					<table border="0" cellpadding="0" cellspacing="0"><tr><td>
					<dl id="navStart">
						<dd><a href=# onclick="onStart(1)">New Game　　　　　　(<u>R</u>)</a></dd>
						<div id="hr"></div>
						<dd><a href=# onclick="onCancel()">Undo　　　　　　 　　(<u>Z</u>)</a></dd> 
						<dd><a href=# onclick="onSend()">Deal Next Row　　　　 (<u>D</u>)</a></dd>
						<dd><a href=# onclick="onHint()">Show An Available Move (<u>H</u>)</a></dd>
						<dd><a id="soundBn" href=# onclick="onSound()">Sound Off(for IE)　(<u>S</u>)</a></dd>
						<div id="hr"></div>
						<dd><a href=# onclick="onLevel(1)">Difficulty　　　 　　　(<u>L</u>)</a></dd> 
						<dd><a href=# style="color:gray;">Statistics</a></dd>
						<dd><a href=# style="color:gray;">Options</a></dd> 
					</dl>
					</td></tr></table></a>
				</li>
				<li><a href=# onclick="onSend();">Deal!(<u>D</u>)</a></li>
				<li><a href=#>Help()
					<table border="0" cellpadding="0" cellspacing="0"><tr><td>
					<dl id="navHelp">
						<dd><a href=# style="color:gray;">Contents</a></dd>
						<dd><a href=# onclick="showAbout();">About JSspider　(<u>A</u>)</a></dd>  
					</dl>
					</td></tr></table></a>
				</li>
			</ul>
		</div>
		<!----------------------//toolbar----------------------->
		
		<!----------------------gamefield----------------------->		
		<div id="gamefield">
			<div id="list1"></div>
			<div id="list2"></div>
			<div id="list3"></div>
			<div id="list4"></div>
			<div id="list5"></div>
			<div id="list6"></div>
			<div id="list7"></div>
			<div id="list8"></div>
			<div id="list9"></div>
			<div id="list10"></div>
		</div>
		
		<!----------------------score----------------------->	 
			<div id="panel" onclick="hint()">
				<div id="score">Score: <span id="sn">500</span></div>
				<div id="opn">Moves: <span id="on">0</span></div>
				<div id="aaa"></div> 
			</div> 
		
		<!----------------------send&sucess----------------------->						
		<div id="sendfield"></div>		
		<div id="successfield"></div>	
		
			
	</div><!--//window-->
	<div id="cover"></div>
	<div id="levelWin">
		<div id="levelTitle"><h5>Difficulty</h5></div>
		<div id="levelCon">
			Select the game difficulty level that you want:<br><br> 
			<div id="level">
			<div id="color1"></div><input name="level" type="radio" value="1" checked /> Easy：One Suit<br>
			<div id="color2"></div><input name="level" type="radio" value="2" /> Medium：Two Suits<br>
			<div id="color3"></div><input name="level" type="radio" value="3" /> Difficult：Four Suits <br><br><br>
			<input type="button" name="submit" id="submit" value="OK" onclick="onLevelSubmit()" \>
			<input type="button" name="cancel" id="cancel" value="Cancel" onclick="onLevelCancel()" \>
			</div>
		</div>
	</div><!--//leveldlg-->
	<div id="aboutDlg" onclick="this.style.display='none';onOffSend(1,si);">Spider Solitaire code with Javascript<br><br>Author：xfeng(<a href="mailto://xfengs@126.com" target=_blank >xfengs@126.com</a>)，jackcc(<a href="mailto://jackcc@126.com" target=_blank >jackcc@126.com</a>)</div>
	<div id="youWin">You Won！</div>
</div><!--//game-->
</div></div></div>
 <div id="test"></div>
</body>
</html>